table - layout
|
|
|
|
|
|
|||||||||
|
6.0 |
7.0 |
8.0 |
8.0 |
9.0 |
8.0 |
9.2 |
9.5 |
1.3 |
2.0 |
3.1 |
1.5 |
2.0 |
3.0 |
|
Частково |
Частково |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Коротка
інформація
|
CSS |
CSS2 |
|
Значення за умовчанням |
auto |
|
Наслідує |
Ні |
|
Застосовується |
До тега <TABLE> чи до елементу, у якого значення
display встановлене як table або inline, - table. |
|
Аналог HTML |
Ні |
|
Посилання на специфікацію |
http://www.w
3.org/TR/CSS21/tables.html#propdef - table - layout |
Опис
Визначає,
як браузер повинен обчислювати ширину елементів таблиці, грунтуючись на її
вмісті.
Синтаксис
table
- layout: auto | fixed | inherit
Значення
auto Браузер завантажує усю таблицю, аналізує її для визначення розмірів
осередків і тільки після цього відображає.
fixed Ширина колонок в цьому випадку визначається або за допомогою тега
<COL>, або обчислюється на основі першого рядка. Якщо дані про
форматування першого рядка таблиці з яких-небудь причин отримати неможливо, в
цьому випадку таблиця ділиться на колонки рівної ширини. При використанні цього
значення, вміст, який не поміщається в осередок вказаної ширини, буде
"обрізаний" або накладений поверх осередку. Це залежить від
використовуваного браузеру, але у будь-якому випадку ширина осередку мінятися
не буде. Для коректної роботи цього значення обов'язково має бути задана ширина
таблиці.
inherit Наслідує значення батька.
Приклад
HTML 4.0
CSS 2.1 IE 6 IE 7 IE 8 Op 9.5 Sa 3.1 Ff 2.0 Ff 3.0
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http ://www.w 3.org/TR/html4/strict.dtd"><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows - 1251"> <title>table - layout</title> <style type="text/css"> TABLE { table - layout: fixed; /* Фіксована ширина осередків */ } </style> </head> <body> <table width="100%" cellspacing="0" border="1"> <col width="160"> <col span="9" width="60"> <tr> <td> </td> <td>1995</td><td>1996</td><td>1997</td><td>1998</td> <td>1999</td><td>2000</td><td>2001</td><td>2002</td> <td>2003</td> </tr> <tr> <td>Нафта</td><td>5</td><td>7</td><td>2</td><td>8</td> <td>3</td><td>34</td><td>62</td><td>74</td><td>57</td> </tr> <tr> <td>Золото</td><td>3</td> <td>6</td><td>4</td><td>6</td> <td>4</td><td>69</td><td>72</td><td>56</td><td>47</td> </tr> <tr> <td>Дерево</td><td>5</td><td>8</td><td>3</td><td>4</td> <td>7</td><td>73</td><td>79</td><td>34</td><td>86</td> </tr> </table> </body></html>
Браузери
Internet
Explorer до сьомої версії включно не підтримує значення inherit.
